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Abstract - Application Program Interface (API) widely used for 
the programmers. It helps programmers to focus on their 
programming rather than the other features. API provides the 
facility to programmer for use the “Predefined Code”. Among 
them one type of API provides by the google that is chart API. 
Chart API is used to generate the chart from the data which are 
available on our database. Sometimes it would be very hard to 
develop such type of another system. Rather than we can use 
API and save the time and effort that can be use at proper place. 
This paper will describe how we can integrate the google chart 
API in the php website. 
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I. INTRODUCTION 

It is same as headache to develop another system for the basic 
required system for the web developers. For examples company 
requires to establish a chart in web application for monthly 
selling. The main application is the company’s web site but you 
have to develop another application through that you can create 
the chart. So developer requires more time and efforts. Basically 
this facility is available that is developed by another developer so 
why we should spend time to re build it. Simply we can integrate 
it and use it. Generally user use the google chart API tool to 
generate the chart from given data base. In this paper we 
describe how to integrate google chart API with php. 


II. METHODOLOGY 

We are using one chart API that provides by google through that 
we can use the predefined code and use it in our web application. 
Basically this code can be integrated with any server side 
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scripting language. Here I am taking the example of php. In this 
example we discuss to integrated the google chart API with php 
file. The following steps are use for it. 

1. Create database as payroll and create table as sell as per 
following 

<— ”P — » id month sell 

□ 6? Edit J Inline Edit §•■ Copy Q Delete 1 1 2000 

|3 ^ Edit |? Inline Edit Copy @ Delete 2 2 3000 

□ ^ Edit Inline Edit §■■ Copy @ Delete 3 3 500 

□ ^ Edit Inline Edit Copy @ Delete 4 4 5000 

Fig. 1 : database structure 

As you can see in above Fig. 1, there are three columns in this 
table as id, month and sell that describe the data about selling of 
that month. 

2. Create blank JSON (Java Script Object Notation) file as 
json_data.json. It is very important because the API can read this 
file only. JSON is the technology through that you can pass the 
data from one application to another. The file appears after 
writing data by script looks like below. 

{"cols":[ {"id":"",' "label'V'month", 1 "pattern":"",' "type": "number"}, 
{"id":"",' "label" :"selling",' "pattern":"",' "type" : "number"} ], 
"rows":[ {" c ":[{"v":'T","f':null},{"v":2000,"f':null}]}, 

{"c":[ {"v":"2","f ’mull}, {"v":3000,"f mull }]}, 

{"c":[{"v":"3","f':null},{"v":500,"f':null}]}, 

{"c" :[{" v" :"4", "f ' mull },{"v":5000,"f' mull )]},]} 
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server will read it properly and generate the chart related to the 


3. Create PHP file as get data.php. This file will fetch the data 

from the data base and write the JSON file. The code is as per 

following: 

data and respond to the application. The code is as per following. 

This code generated by API server, you have to do some changes 

as per your requirement. 

<?php 

<html> 

$t='{"cols":[ {"id":"", "label" :"month", "pattern":"", "type" 

: "number"}, 

{"id":"", 1 "label" J'selling",' "pattern":"",' "type": "number"} 
],"rows": ['; file_put_contents("json_data.json", 

$t); 

<head> 

<style> 

.head 

{ font-family:verdana; 

$con=mysql connect("localhost","root",""); 

font-size: 14px; 

mysql_sel ec t_db("payroH",$con); 

background-color:#000066; 

$res = mysql_qiiery(" SELECT month, sell FROM sell"); 

color:#FFFFFF; } 

while($row=mysql_fetch_array ($res)) { 

.headl 

$a=$row['month']; 

{ font-family:verdana; 

$b=$row['sell']; 

font-size:24px; 

$tl— {"c":[{"v":"'; 

color:blue; } 

$t 1 =$a; 

.data 

$tl ='","f':null},{"v":'; 

{ font-family:verdana; 

$tl =$b; 

font-size: 12px; 

$tl =',"f' mull }]},'; 

font-weight:bold; } 

file_put_contents("j sondata.j son" ,$t 1 , 

FILEAPPEND);} 

</style> 

file_put_contents( "j son data.j son" ,"] } ", 

FILEAPPEND); 

<!— Note : This code is available on API provider.— > 

<!— Load the AJAX API-> 

Sstring = file_get_contents ("json data.json"); 

<script type="text/javascript" 

echo Sstring; 

src="https://www.google.com/jsapi"x/script> 

?> 

<script type="text/javascript" src="//ajax.googleapis. 

com/ajax/libs/jquery/1 . 10.2/jquery.min.js"></scrip> 

4. Create another file as sell analysis.php. It will call the 
get data.php file and send the JSON file to the API server. API 

<script type="text/javascript"> 

google. load('visualization',T, {'packages'J'corechart']}); 
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google. setOnLoadCallback(drawChart); <div id- ’chart_div" height="400" width="600" > </div> 


function drawChart() { 
var jsonData = $.ajax({ 
url: "get_data.php", 
dataType: "json", async: false 


</center> 

</body> 

</html> 


}).responseText; 

// Create our data table out of JSON data loaded from server, 
var data = new 

google. visualization.DataTable(jsonData); 
var options = { 

title : 'Monthwise Selling Analysis', 
vAxis: {title: "Selling Growth"}, 
liAxis: {title: "Month"}, 
seriesType: "bars", 
series: {1: {type: "line"}}, 

series: {2: {type: "line"}}, 'hieghf:400, 'width':920 }; 

// Instantiate and draw our chart, passing in some 
options. 

var chart = new google. visualization. ComboChart 

( document. getElementB yld( 'chartdi v')) ; 


5. Finally this code will generate the chart. 
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Fig. 2 : chart 

As per overall process, you have to run only sell analysis.php 
fde, it will automatically call the get data.php fde as per written 
script in it. 



. B 


chart. draw(data, options); 


} 

</script> </head> 

<body> 

<!— Div that will hold the pie chart— > 
<br><br><br><br><br><br><br><br><br><br> 


III. FUTURE WORK 

It is important use the google chart API to generate the charts 
from database. This paper concludes that how can implement the 
chart API in php (server side scripting language). It can also be 
use with different server side scripting language like asp.net, jsp 
etc. Thus google have many more API so I will try to implement 
another API which can be also helpful to reduce the extra work 
and concentrating on main work. 


<center> 
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IV. CONCLUSION 

This paper concludes that google API provides facility to 
generate the chart from the XML or JSON fdes, but how we can 
create and integrate JSON file. The chart API is worth for time 
and effort saving. By using this facility we can generate various 
types of charts such as bar chart, pie chart, line charts, etc. The 
authors have contributed here to use the server side scripting 
language for google chart API. Here we use php as a server side 
scripting language. 
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